<div class="login-background">
  <div class="login-panel">
    <div class="login-title">
      <h2>{{title}}</h2>
    </div>
    <div class="login-input-panel">
      <div [formGroup]="loginForm" class="login-input-group">
        <input name="loginName" formControlName="loginName" type="text" class="login-input"
               [(ngModel)]="loginModel.loginName"
               placeholder="登录名" title="登录名">
        <div [hidden]="loginForm.get('loginName').valid||loginForm.get('loginName').untouched">
          <label [hidden]="!loginForm.hasError('required','loginName')" class="error">请输入登录名</label>
        </div>

      </div>
      <div [formGroup]="loginForm" class="login-input-group">
        <input name="passWord" formControlName="password" type="password" class="login-input"
               [(ngModel)]="loginModel.passWord"
               placeholder="密码" title="密码">
        <div [hidden]="loginForm.get('loginName').valid||loginForm.get('password').untouched">
          <label class="error" [hidden]="!loginForm.hasError('required','password')">请输入登录密码</label>
        </div>
      </div>
      <div class="login-button" (click)="onClickLogin()" title="登录">
        <span>登录</span>
      </div>
      <div class="login-link">
        <a>忘记密码？</a>
      </div>
    </div>


  </div>


</div>




